/* 注册页面样式 */
.login-container {
  width: 600px; /* 容器宽度为600px */
  margin: 50px auto; /* 上下外边距为50px，左右自动（居中） */
  padding: 20px; /* 内边距为20px */
  border: 2px solid #ffb6c1; /* 边框为2px实线，颜色为浅粉色 */
  border-radius: 8px; /* 边框圆角为8px */
  background: #fff; /* 背景颜色为白色 */
}

/* 表单组样式 */
.form-group {
  margin-bottom: 15px; /* 底部外边距为15px */
  display: flex; /* 弹性布局 */
  align-items: center; /* 子元素垂直居中 */
}

/* 表单组中的标签样式 */
.form-group label {
  width: 80px; /* 宽度为80px */
  text-align: left; /* 文字左对齐 */
  margin-right: 10px; /* 右边距为10px */
  color: #333; /* 文字颜色为深灰色 */
  font-size: 14px; /* 字体大小为14px */
}

/* 表单组中的输入框样式 */
.form-group input {
  flex: 1; /* 弹性比例为1 */
  padding: 8px; /* 内边距为8px */
  border: 1px solid #ddd; /* 边框为1px实线，颜色为浅灰色 */
  border-radius: 4px; /* 边框圆角为4px */
  font-size: 14px; /* 字体大小为14px */
}

/* 登录链接样式 */
.login-link {
  margin: 15px 0; /* 上下外边距为15px，左右为0 */
  justify-content: flex-start; /* 子元素靠左对齐 */
  padding-left: 90px; /* 左边距为90px，与输入框对齐 */
}

/* 登录链接中的a标签样式 */
.login-link a {
  color: #87ceeb; /* 文字颜色为浅蓝色 */
  text-decoration: none; /* 去除下划线 */
}

/* 登录链接中的a标签悬停样式 */
.login-link a:hover {
  text-decoration: underline; /* 鼠标悬停时添加下划线 */
}

/* 表单组中的按钮样式 */
.form-group button {
  width: 100%; /* 宽度为100% */
  padding: 10px; /* 内边距为10px */
  background-color: #e0e0e0; /* 背景颜色为浅灰色 */
  border: none; /* 无边框 */
  border-radius: 4px; /* 边框圆角为4px */
  color: #333; /* 文字颜色为深灰色 */
  font-size: 16px; /* 字体大小为16px */
  cursor: pointer; /* 鼠标悬停时显示指针 */
  margin-top: 10px; /* 顶部外边距为10px */
}

/* 表单组中的按钮悬停样式 */
.form-group button:hover {
  background-color: #d3d3d3; /* 鼠标悬停时背景颜色为更浅的灰色 */
}

/* 错误信息样式 */
.error-message {
  color: #ff4444; /* 文字颜色为红色 */
  font-size: 12px; /* 字体大小为12px */
  margin-top: 5px; /* 顶部外边距为5px */
  display: none; /* 默认不显示 */
  margin-left: 90px; /* 左边距为90px，与输入框对齐 */
}

/* 头部样式 */
.header {
  width: 100%; /* 宽度为100% */
  padding: 15px; /* 内边距为15px */
  text-align: center; /* 文字居中 */
  position: relative; /* 相对定位 */
}

/* 头部中的h1标签样式 */
.header h1 {
  background-color: #87ceeb; /* 背景颜色为浅蓝色 */
  color: white; /* 文字颜色为白色 */
  font-size: 34px; /* 字体大小为34px */
  width: 1400px; /* 宽度为1400px */
  line-height: 100px; /* 行高为100px */
  margin: 0 auto; /* 上下0，左右自动（居中） */
}